import Vue from 'vue'
import VueRouter from 'vue-router'
/**
 * 1、@ 表示src 目录的别名
 * 2、如果组件名称为index.vue，则可以省略组件名称
 */
import Login from '@/components/login'

Vue.use(VueRouter)
const routes = [
    {
        path: '/login',
        name: 'login',
        component: Login
    }, {
        path: '/check',
        name: 'check',
        component: '@/view/check',
    },{
        path: '/posts',
        component: PostsLayout,
        children: [
            {
                path: 'new',
                component: PostsNew,
                // 需要登录后才能访问的页面
                meta: {requiresAuth: true}
            },
            {
                path: ':id',
                component: PostsDetail,
                // 任何人都可访问的页面
                meta: {requiresAuth: false}
            }
        ]
    }
]

router.beforeEach((to, from) => {
    // 而不是去检查每条路由记录
    // to.matched.some(record => record.meta.requiresAuth)
    if (to.meta.requiresAuth && !userStore.isLogin) {
        // 此路由需要授权，请检查是否已登录
        // 如果没有，则重定向到登录页面
        return {
            path: '/login',
            // 保存我们所在的位置，以便以后再来
            query: { redirect: to.fullPath },
        }
    }
})

const router = new VueRouter({
    routes
})
export default router
